iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 1
3
Modern Web

試著學 Hexo系列 第 1

(1) 試著學 Hexo - 序章

  • 分享至 

  • xImage
  •  

前言

為什麼要寫這個系列文章呢?比起 Hexo 選擇現成的部落格平台,不是更適合嗎?其實選擇 Hexo 來當作你的第一個架站工具是非常好上手的,你只需要掌握一些基本知識就可以快速的架設,那麼廢話不多說,讓我們來開始「試著」從零開始學習架設自己的第一個部落格吧!

選擇 Hexo 的原因

前言有提到為什麼不選擇現成的部落格平台而是選擇 Hexo 當作第一個架站工具,這邊稍微解釋一下,其主要原因是現成的部落格平台往往自己的文章、SEO 以及版面等,其實都是掌握在平台手上,因此你也很難高度客製化自己的部落格,雖然平台會幫你解決許多問題,舉凡主機、網域以及 SEO 等等,但其實這樣子等於是把自己的生命掌握在他人手上呢!

那麼使用 Hexo 有什麼好處呢?我這邊簡單舉例三個

  • 部落格主題可以客製化
    • *但需掌握一定技術量。
  • 流量可以自己決定
    • *只要懂一些基本操作或是適當加入關鍵字,也可以有相當不錯的流量。
  • 文章掌握在自己手上
    • *假使第三方平台收掉或是變更也比較不怕辛苦寫的文章遺失。

這邊額外列幾個使用 Hexo 架設的網站。

甚至六角學院的官方網站也是使用 Hexo 製作的唷~ (這真的不是葉佩雯)

那 Hexo 看起來好處很多,難道沒有壞處嗎?當然有。

  • 必須找空間放網頁
  • 必須學習指令操作
  • 要購買網域
  • SEO 要自己想辦法
  • 主題要慎選
    ... 等等非常多

哎斗,看到這裡我相信你已經準備左轉登出,因此為了解決這些問題,所以我先在這邊列出我預計會撰寫的 Hexo 大綱

文章大綱

目錄最後更新時間:2020/10/14

  1. 試著學 Hexo - 序章
  2. 試著學 Hexo - 什麼是 Hexo?
  3. 試著學 Hexo - 如何安裝 Hexo
  4. 試著學 Hexo - 認識 Hexo 目錄結構
  5. 試著學 Hexo - 你的第一篇文章
  6. 試著學 Hexo - 不能忘記的 Hexo 指令
  7. 試著學 Hexo - 如何安裝插件
  8. 試著學 Hexo - 你應該懂基本的 npm 指令
  9. 試著學 Hexo - 圖片空間的挑選
  10. 試著學 Hexo - 新增頁面
  11. 試著學 Hexo - 部署你的第一個部落格
  12. 試著學 Hexo - 你不能不學的 Git 基本指令
  13. 試著學 Hexo - 主題篇 - Hexo 主題如何挑選
  14. 試著學 Hexo - 主題篇 - Hueman 主題
  15. 試著學 Hexo - 主題篇 - Vexo 主題
  16. 試著學 Hexo - 主題篇 - minos 主題
  17. 試著學 Hexo - NexT 主題篇 - NexT
  18. 試著學 Hexo - NexT 主題篇 - 認識 NexT 結構
  19. 試著學 Hexo - NexT 主題篇 - 第三方服務
  20. 試著學 Hexo - NexT 主題篇 - 可以安裝的套件
  21. 試著學 Hexo - NexT 主題篇 - NexT 還有哪些設定?
  22. 試著學 Hexo - SEO 篇 - 先來聊聊 Url 對於 SEO 的影響
  23. 試著學 Hexo - SEO 篇 - 新增你的 404 頁面
  24. 試著學 Hexo - SEO 篇 - Google Search Console
  25. 試著學 Hexo - SEO 篇 - SEO 觀念補充
  26. 試著學 Hexo - 奇淫技巧 - 自動化部屬(Travis CI)
  27. 試著學 Hexo - 奇淫技巧 - 自動化部屬(GitHub Actions)
  28. 試著學 Hexo - 奇淫技巧 - 寫作的小眉角
  29. 試著學 Hexo - 奇淫技巧 - 快速上傳你的圖片到 imgur
  30. 試著學 Hexo - 奇淫技巧 - 財富自由
  31. 試著學 Hexo - 番外篇之常見問題
  32. 試著學 Hexo - 番外篇之更新 Hexo
  33. 試著學 Hexo - 番外篇之更新 NexT 主題

以上這些就是「試著學 Hexo」系列文章的大綱,希望這個大綱可以讓你準備左轉登出的行為可以停一下,而這些文章也會同步更新到我的部落格與粉絲專頁。

Welcome.Web.World:https://hsiangfeng.github.io/

是 Ray 不是 Array:https://www.facebook.com/HsiangFengWeb

另外我也有建立一個 Hexo 的 Facebook 社團也歡迎您加入唷~

Hexo Taiwan

那麼我們下一篇見囉 :D

(謎之聲:希望我可以玩賽,然後不改目錄大綱 QQ)


下一篇
(2) 試著學 Hexo - 什麼是 Hexo
系列文
試著學 Hexo33
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中
1

太神ㄌ芭

Ray iT邦研究生 4 級 ‧ 2020-09-14 21:04:49 檢舉

你也太快ㄌㄅ

快還要更快

2
ayugioh2003
iT邦新手 1 級 ‧ 2020-09-17 13:06:58

咦咦原來 Vue.js 官網也是用 Hexo 做的嗎
我以為會用自家 Vue 相關工具做官網

Ray iT邦研究生 4 級 ‧ 2020-09-17 17:09:19 檢舉

是唷~用 Wappalyzer 就可以看到哩

https://ithelp.ithome.com.tw/upload/images/20200917/20119486xMNgYrdqHW.png

1
吠吠
iT邦新手 3 級 ‧ 2021-12-31 18:39:28

助教窩奶ㄌ

看更多先前的回應...收起先前的回應...
Ray iT邦研究生 4 級 ‧ 2022-01-01 00:16:41 檢舉

你來惹

原來傳說的的SEO教學在這邊

吠吠 iT邦新手 3 級 ‧ 2022-01-02 17:38:16 檢舉

雞哥你怎麼跟蹤到這邊

Ray iT邦研究生 4 級 ‧ 2022-01-03 09:00:19 檢舉

雞哥好可怕

我無處不在啊

Ray iT邦研究生 4 級 ‧ 2022-01-05 21:07:36 檢舉

已檢舉
https://ithelp.ithome.com.tw/upload/images/20220105/20119486X26fNS3bF8.png

我要留言

立即登入留言